<template name="ys-goods-info">
<view class="ys-goods-info">
    <view class="name">{{name}}</view>
    <view class="weight">{{weight}}
        <view class="follows">关注人数:{{follows}}</view>
    </view>
    <view class="begin-time">
        开团时间：02月18日 10:00
        <view class="saled">
            已售<text class="text">20</text>份/限量100份
        </view>
    </view>
    <view class="get-goods-time">
        提货时间：02月19日 18:00
    </view>
</view>
</template>

<script>
    export default {
        name: "ys-goods-info",
        props: {
            name: {
                type: String,
                default: ""
            },
            weight: {
                type: String,
                default: ""
            },
            follows: {
                type: String,
                default: "0"
            },                         
        },
        mounted() {
        },
        data() {
            return {

            };
        },
        methods: {

        }
    }        
</script>

<style lang="scss">
.ys-goods-info {
    background-color:#fff;
    padding:0 30upx;   
    .name {
        font-size: 28upx;
        color: #1A1A1A;
        line-height: 48upx;
        padding: 12upx 0;
        word-break: break-all;
        width: 100%;
    }
    .weight {
        line-height: 48upx;
        font-size: 24upx;
        color: #808080;
        border-bottom: 1px solid #e6e6e6;
        overflow: hidden;
        padding-bottom: 20upx;     
        .follows {
            float: right;
            height: 48rpx;
            line-height: 48rpx;
            background-color: #F39700;
            border-radius: 12rpx;
            color: #fff;
            font-size: 22rpx;
            text-align: center;
            padding: 0 20rpx;            
        }           
    }
    .begin-time {
        padding-top: 30upx;
        background-color: #fff;
        font-size: 22upx;
        color: #e60013;
        overflow: hidden;
        line-height: 36upx;   
        .saled {
            float: right;
            color: #1A1A1A;            
        }
    }
    .get-goods-time {
        background-color: #fff;
        font-size: 22upx;
        color: #e60013;
        overflow: hidden;
        line-height: 36upx; 
        padding-bottom: 30upx;           
    }
}
</style>
